import React from 'react';

export default function FilterButtons({ filters, activeFilter, setFilter }) {
  return (
    <div className="filter-buttons">
      {filters.map(filter => (
        <button
          key={filter}
          className={activeFilter === filter ? 'active' : ''}
          onClick={() => setFilter(filter)}
        >
          {filter}
        </button>
      ))}
    </div>
  );
}
